<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Validar</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/formhelpers.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
        <body>

            {% include "topmenu.html" %}

            <div class="container">
                <div class="row-fluid">

                    {% include "sidebar.html" %} <!-- Side bar -->

                    <div class="span9">
                        <div class="page-header">
                            <h2>Validación de Nuevos Usuarios</h2>
                        </div>

                        <div class="row-fluid">
                            {% if info == 'Error'%}
                            <div class="alert alert-error">
                                <button type="button" class="close" data-dismiss="alert">
                                    &times;
                                </button>
                                <strong>Error!</strong> Ha ocurrido un error durante la operación
                            </div>
                            {%endif%}
                            {% if info == 'Guardado'%}
                            <div class="alert alert-success">
                                <button type="button" class="close" data-dismiss="alert">
                                    &times;
                                </button>
                                La operación se ha realizado con éxito!
                            </div>
                            {%endif%}

                            <div class="span12">
                                <!-- Muestra Usuarios -->

                                {{ datos | safe }}

                            </div>
                            <!-- /span12 -->

                        </div>
                        <!-- /row-fluid -->
                    </div>
                    <!-- /span9 -->
                </div>
                <!-- /row-fluid -->
                {% include "footer.html" %} <!-- Footer -->
            </div>
            <!-- /container -->

            <!-- JS files -->
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/ajax.js" %}"></script>
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/validarEmail.js" %}"></script>
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/popupMensaje.js" %}"></script>
            {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
        </body>
</html>
